/*
 * Author:      Marco Kuiper (http://www.marcofolio.net/)
 */
// 定义位置
var position = {};
position.img1 = {
	left : 100,
	top : 460
};
position.img2 = {
	left : 100,
	top : 460
};
position.img3 = {
	left : 100,
	top : 460
};
position.img4 = {
	left : 100,
	top : 460
};
position.img5 = {
	left : 100,
	top : 460
};
position.img6 = {
	left : 100,
	top : 460
};
position.img7 = {
	left : 100,
	top : 460
};
position.img8 = {
	left : 100,
	top : 460
};
position.img8 = {
	left : 100,
	top : 460
};
position.img10 = {
	left : 100,
	top : 460
};
position.img11 = {
	left : 100,
	top : 460
};
position.img12 = {
	left : 100,
	top : 460
};
google.load("jquery", "1.6.1");
google.load("jqueryui", "1.7.0");
google.setOnLoadCallback(function() {
	// When everything has loaded, place all polaroids on a random position

		$(".polaroid").each(function(i) {
			var tempVal = Math.round(Math.random());
			if (tempVal == 1) {
				var rotDegrees = randomXToY(330, 360); // rotate left
			} else {
				var rotDegrees = randomXToY(0, 30); // rotate right
			}

			var wiw = 600;
			var wih = 300;

			var cssObj = {
				'left' : position[positionKey].left,// 随机0-1
				'top' : position[positionKey].top,
				'-webkit-transform' : 'rotate(' + rotDegrees + 'deg)', // safari
				// only
				'tranform' : 'rotate(' + rotDegrees + 'deg)'
			}; // added in case CSS3 is standard
			$(this).css(cssObj);
		});

		// Set the Z-Index (used to display images on top while dragging)
		var zindexnr = 1;

		// boolean to check if the user is dragging
		var dragging = false;

		// Show the polaroid on top when clicked on
		$(".polaroid").mouseup(function(e) {
			if (!dragging) {
				// Bring polaroid to the foreground
				zindexnr++;
				var cssObj = {
					'z-index' : zindexnr,
					'transform' : 'rotate(0deg)', // added in case CSS3 is
					// standard
					'-webkit-transform' : 'rotate(0deg)'
				}; // safari only
				$(this).css(cssObj);
			}
		});

		// Make the polaroid draggable & display a shadow when dragging
		$(".polaroid").draggable( {
			cursor : 'crosshair',
			start : function(event, ui) {
				dragging = true;
				zindexnr++;
				var cssObj = {
					'box-shadow' : '#888 5px 10px 10px', // added in case
					// CSS3 is standard
					'-webkit-box-shadow' : '#888 5px 10px 10px', // safari
					// only
					'margin-left' : '-10px',
					'margin-top' : '-10px',
					'z-index' : zindexnr
				};
				$(this).css(cssObj);
			},
			stop : function(event, ui) {
				var tempVal = Math.round(Math.random());
				if (tempVal == 1) {
					var rotDegrees = randomXToY(330, 360); // rotate left
		} else {
			var rotDegrees = randomXToY(0, 30); // rotate right
		}
		var cssObj = {
			'box-shadow' : '', // added in case CSS3 is standard
			'-webkit-box-shadow' : '', // safari only
			'transform' : 'rotate(' + rotDegrees + 'deg)', // added in case
			// CSS3 is standard
			'-webkit-transform' : 'rotate(' + rotDegrees + 'deg)', // safari
			// only
			'margin-left' : '0px',
			'margin-top' : '0px'
		};
		$(this).css(cssObj);
		dragging = false;
	}
		});

		// Function to get random number upto m
		// http://roshanbh.com.np/2008/09/get-random-number-range-two-numbers-javascript.html
		function randomXToY(minVal, maxVal, floatVal) {
			var randVal = minVal + (Math.random() * (maxVal - minVal));
			return typeof floatVal == 'undefined' ? Math.round(randVal)
					: randVal.toFixed(floatVal);
		}

	});